<template>
	<view class="login-page">
		<view class="flex justify-center align-center">
			<view class="text-center">
				<image class="w-60 h-60 radius-8" src="@/assets/img/logo.png"></image>
				<view class="pt-24 text-20">欢迎登录</view>
			</view>
		</view>
		<view class="px-26 py-20 mt-30">
			<my-button
				type="success"
				shape="circle"
				class="mt-40"
			>
				微信一键登录
			</my-button>
			<view class="px-26 pt-20"><user-agreement /></view>
		</view>
		<view class="login-bottom">
			<view class="flex justify-center gray8 align-center">
				<text class="login-divider-line"></text>
				<text class="px-12">其他登录方式</text>
				<text class="login-divider-line"></text>
			</view>
			<view class="flex justify-center pt-20">
				<view class="gray8 w-99 px-15 flex flex-direction align-center" @click="routerPush('/pages/login/phone-login/phone-login')">
					<view class="w-40 h-40 border radius-circle flex align-center justify-center"><text class="iconfont icon-phone text-20 gray"></text></view>
					<view class="pt-10">手机号登录</view>
				</view>
				<view class="gray8 w-99 px-15 flex flex-direction align-center" @click="routerPush('/pages/login/account-login/account-login')">
					<view class="w-40 h-40 border radius-circle flex align-center justify-center"><text class="iconfont icon-lock text-20 gray"></text></view>
					<view class="pt-10">账号登录</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { toast, routerPush, isEmpty } from '@/assets/js/utils'

</script>

<style lang="scss">
.login-page {
	padding-top: 50%;
}
.login-bottom {
	width: 100%;
	position: fixed;
	bottom: 80rpx;
	left: 0;
}
.login-divider-line {
	width: 32rpx;
	height: 1rpx;
	background: #d8d8d8;
}
</style>
